<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>10事件对象</title>
</head>
<body>
    
    <div>这是一个div</div>
    <p>这是一个p元素</p>

    <script src="../jquery-3.2.1.js"></script>
    <script>
    
        // $(document).on("click",function(e){
        //     console.log(e);
        // })
    
            $(function(){
                var money = 100;
                // 注册事件的时候 把money传到事件里面 money就会变成100
                $("div").on("click",money,function(e){
                    console.log(e);
                    // 使用on方法的时候  可以给data参数传一个值 可以在事件里面通过e.data获取
                    console.log("哈哈，我有"+e.data); // 输出会是0，因为money=0执行完毕才执行console
                })

                money = 0;
                $("p").on("click",function(){
                    console.log("呜呜，我有"+0)
                })
            });

    </script>
</body>
</html>